<div class="content-wrap-full-height">
  <nz-card [nzBordered]="false" [nzBodyStyle]="{padding:'10px'}">
    <div class="left-start-center">
      <nz-breadcrumb>
        <nz-breadcrumb-item>
          首页
        </nz-breadcrumb-item>
        <nz-breadcrumb-item>
          用户体温管理
        </nz-breadcrumb-item>
      </nz-breadcrumb>
    </div>
  </nz-card>
</div>
<div class="normal-table-wrap">
  <nz-card [nzBodyStyle]="{'padding-bottom':0}" class="m-b-10">
    <form nz-form>
      <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24}">
        <div nz-col [nzXXl]="8" [nzXl]="8" [nzLg]="8" [nzMd]="12" nzSm="24" nzXs="24">
          <nz-form-item>
            <nz-form-label [nzFor]="">开始时间</nz-form-label>
            <nz-form-control>
              <nz-date-picker [(ngModel)]="searchParam.beginTime"
                              name="beginTime"></nz-date-picker>
            </nz-form-control>
          </nz-form-item>
        </div>
        <div nz-col [nzXXl]="8" [nzXl]="8" [nzLg]="8" [nzMd]="12" nzSm="24" nzXs="24">
          <nz-form-item>
            <nz-form-label [nzFor]="">结束时间</nz-form-label>
            <nz-form-control>
              <nz-date-picker [(ngModel)]="searchParam.endTime"
                              name="endTime"></nz-date-picker>
            </nz-form-control>
          </nz-form-item>
        </div>
        <ng-container *ngIf="isCollapse">
          <div nz-col [nzXXl]="8" [nzXl]="8" [nzLg]="8" [nzMd]="12" nzSm="24" nzXs="24">
            <nz-form-item>
              <nz-form-label [nzFor]="">打卡状态</nz-form-label>
              <nz-form-control>
                <nz-select nzShowSearch [(ngModel)]="searchParam.sign" nzPlaceHolder="选择状态" name="sign">
                  <nz-option *ngFor="let item of Options" [nzLabel]="item.label"
                             [nzValue]="item.value"></nz-option>
                </nz-select>
              </nz-form-control>
            </nz-form-item>
          </div>
          <div nz-col [nzXXl]="8" [nzXl]="8" [nzLg]="8" [nzMd]="12" nzSm="24" nzXs="24">
            <nz-form-item>
              <nz-form-label [nzFor]="">姓名</nz-form-label>
              <nz-form-control>
                <input nz-input name="name" placeholder="请输入姓名" [(ngModel)]="searchParam.name"/>
              </nz-form-control>
            </nz-form-item>
          </div>
          <div nz-col [nzXXl]="8" [nzXl]="8" [nzLg]="8" [nzMd]="12" nzSm="24" nzXs="24">
            <nz-form-item>
              <nz-form-label [nzFor]="">部门</nz-form-label>
              <nz-form-control>
                <input nz-input name="departmentName" placeholder="请输入部门" [(ngModel)]="searchParam.departmentName"/>
              </nz-form-control>
            </nz-form-item>
          </div>
        </ng-container>
        <div nz-col [nzXXl]="8" [nzXl]="8" [nzLg]="8" [nzMd]="12" nzSm="24" nzXs="24" class="text-right p-0">
          <button nz-button [nzType]="'primary'" (click)="getDataList()"><i nz-icon nzType="search"></i>搜索</button>
          <button nz-button class="m-l-15" (click)="resetForm()"><i nz-icon nzType="close-circle" nzTheme="outline"></i>重置
          </button>
          <a class="collapse operate-text" (click)="isCollapse=!isCollapse">
            <span *ngIf="!isCollapse">展开</span>
            <span *ngIf="isCollapse">收起</span>
            <i nz-icon [nzType]="isCollapse ? 'down' : 'up'"></i>
          </a>
        </div>
      </div>
    </form>
  </nz-card>
  <app-card-table-wrap>
    <app-ant-table (selectedChange)="selectedChecked($event)" [checkedCashArrayFromComment]="checkedCashArray"
                   (changePageSize)="changePageSize($event)" (changePageNum)="getDataList($event)"
                   [tableConfig]="tableConfig" [tableData]="dataList"></app-ant-table>
    <ng-template #operationTpl let-temperatureRecords="temperatureRecords" let-personId="personId">
      <nz-table #basicTable [nzData]="temperatureRecords" [nzScroll]="{ x: '1000px', y: '200px' }"
                [nzFrontPagination]="false">
        <thead>
        <tr>
          <th nzWidth="20%">体温</th>
          <th nzWidth="20%">时间</th>
          <th>地址</th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let data of basicTable.data">
          <td>{{data.temperature}}℃</td>
          <td>{{data.createTime|date:'yyyy-MM-dd HH:mm:ss'}}</td>
          <td>{{data.address}}</td>
        </tr>
        </tbody>
      </nz-table>
    </ng-template>
  </app-card-table-wrap>
</div>



